@charset "UTF-8";
/*
 * RESET
 *
 */

html, body, div, span, object, blockquote, pre,
abbr, acronym, address, big, cite, code, dfn, em, font, img, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, fieldset, form, label, legend,
caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

p {
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
	margin:0;
}
a {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

body table {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 * DEFAULT STYLES
 * 
 */
body {
	color: #4a4a4a;
	font-weight: normal;
	font-family: Tahoma, Arial, Sans-serif;
	font-size:11px;
}
a {text-decoration:none;color:#0a3e80}

.clear {clear:both}

/*removes horizontal overflow on certain devices*/
body div#wrap {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	padding: 0;
}

/*
 * HEADER
 * 
 */
 #header {height:45px;background:#1a55a0 url(images/header_bg.gif) repeat-x 0 0;clear:both;}
 #logo-vfun {float:left;}
 #logo-3g {float:right}
 #header img:active {outline:0}
 
 #nav {float:left;font-size:12px;color:#fff;} 
 #nav  {padding:14px 0} 
 #nav  a {color:#fff} 
 #nav  a:visited {color:#fff}
  
 #user {text-align:left;padding:5px 10px;color:#1a57a4;font-size:11px}
 #user .msisdn {color:#f67b01}
 #user .account {float:right}
 
 /*
 * CONTENT
 * 
 */
 #content, .content {clear:both}
.cat-title {background:#f6f6f6 url(images/cat_bg.gif) repeat-x 0 0;padding:0 5px}
.cat-title h1 {font-size:12px;font-weight:bold;line-height:18px;vertical-align:top;color:#0a3e80;padding-left:22px;}
.cat-extra {padding:3px 5px;border-bottom:1px solid #eaeaea}

.cat-video {background:url(images/cat_video.gif) no-repeat 0 0}
.cat-music {background:url(images/cat_music.gif) no-repeat 0 0}
.cat-radio {background:url(images/cat_radio.gif) no-repeat 0 0}
.cat-istory {background:url(images/cat_istory.gif) no-repeat 0 0}
.cat-game {background:url(images/cat_game.gif) no-repeat 0 0}
.cat-picture {background:url(images/cat_picture.gif) no-repeat 0 0}
.cat-card {background:url(images/cat_card.gif) no-repeat 0 0}
.cat-ref {background:url(images/cat_ref.gif) no-repeat 0 0}
.cat-account{background:url(images/cat_account.gif) no-repeat 0 0}

.in {padding:0 5px}
.thumb {border:1px solid #e0e0e0;padding:1px} 

/* user actions: download, share*/
.act {float:right}

.media, .media-detail {clear:both;margin:10px 0}
.media .tmb, .media-detail .tmb {float:left;width:63px}
.media .info {margin:0 30px 0 63px}
.media .title, .media-detail .title {font-size:14px}
.media .desc , .media-detail .desc{padding:5px 0}

.media-detail .info {margin-left}
.media-detail .extra {background:#f6f6f6;height:14px}


h3.title {color:#f67b01;padding:0 0 0 10px;font-size:11px;font-weight:normal}
.morecat {padding:0 0 10px 10px}
.morecat a{color:#f67b01;}

.list {padding-left:15px;margin:5px 0}
.list li {line-height:auto;padding:3px 0}
.list li {list-style-image:url(images/bullet_square.gif)}
.list a {color:#4a4a4a}

.music-list li {list-style-image:url(images/bullet_play.gif)}
.radio-list li {list-style-image:url(images/bullet_speaker.gif)}
.istory-list li {list-style-image:url(images/bullet_square2.gif)}
/*
ul.cat-sublist {clear:both;margin:0;padding-left:15px;margin:5px 0 10px;font-size:12px}
ul.cat-sublist li {line-height:20px;color:#81ae29}
*/
.subtitle {clear:both;color:#e36000;font-size:11px;padding:0 8px;margin:10px 0 5px;background:url(images/subtitle.gif) repeat-x 0 0}
.subtitle b {background:#fff;padding:0 5px}

.price {color:#629400;padding-right:10px}

.cat-list {}
.cat-list td {background:url(images/catlist_bg.gif) repeat-x 0 0;height:25px;line-height:25px;font-size:13px;vertical-align:middle;border: 1px solid #f8f8f8}
.cat-list a {;padding-left:30px;display:block;height:25px;}
.cat-list .video a {background:url(images/cat_video2.gif) no-repeat 0 0}
.cat-list .music a{background:url(images/cat_music2.gif) no-repeat 0 0}
.cat-list .radio a{background:url(images/cat_radio2.gif) no-repeat 0 0}
.cat-list .istory a{background:url(images/cat_istory2.gif) no-repeat 0 0}
.cat-list .game a{background:url(images/cat_game2.gif) no-repeat 0 0}
.cat-list .picture a{background:url(images/cat_picture2.gif) no-repeat 0 0}
.cat-list .card a{background:url(images/cat_card2.gif) no-repeat 0 0}
.cat-list .ref a{background:url(images/cat_ref2.gif) no-repeat 0 0}
.cat-list .account a{background:url(images/cat_account2.gif) no-repeat 0 0}

.paging {text-align:right;margin-bottom:5px}

.catsub-title {background:#f16500 url(images/catsub.gif) repeat-x 0 0;height:14px;color:#fff;padding:2px 10px 4px}
.catsub-list {padding:0;margin:0}
.catsub-list li {border-bottom: 1px solid #f4f4f4;color:#81ae29;font-size:12px;list-style:none;padding:0 10px}
.catsub-list li a {background:url(images/bullet_circle.gif) no-repeat 0 5px;display:block;padding: 3px 0 3px 15px; }

.confirm {background:#fff7f0;border:1px solid #eaeaea;border-left:0;border-right:0;padding:10px}
 /*
 * FOOTER
 * 
 */
#footer{background:#1B58A5 url(images/footer_bg.gif) repeat-x 0 0;color:#fff;text-align:center;padding:3px}
#footer a {color:#fff}

.selected
{
	font-weight:bold;
	color: #E36000;
}
.cat-extra a{color:red;}
.cat-list a, .catsub-title, .subtitle b, .subtitle b a
{
	font-weight:bold;
}
.cat-title h1 a
{
	font-weight:bold;
}
.subtitle b a{
	color: #E36000;
}
.clearn
{
	clear:both;
}
.mess
{
	color:Red;
	font-weight:bold;
	padding:5px 5px 5px 13px;
	background-color: #FFF2AF;
	border-bottom: 1px solid #E0E0E0;
}
.mess a
{
	color:Red;
	font-weight:bold;
}

.confirm span a
{
	font-weight:bold;
}

.confirm p b font
{
	font-weight:bold;
}